<template>
	<view v-show="classLock==1" class="lock">
		<!-- #ifdef H5 -->
		<view>上课中，请勿操作设备</view>
		<!-- #endif -->
	</view>
</template>

<script>
	export default {
		name: "Lock",
		data() {
			return {

			};
		},
		computed: {
			classLock() {
				return this.$store.state.classLock
			}
		}
	}
</script>

<style lang="scss" scoped>
	.lock {
		position: fixed;
		z-index: 9999;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.7);
		display: flex;
		justify-content: center;
		align-items: center;

		view {
			color: #fff;
			font-size: 1.2vw;
			padding: 2vw;
			border-radius: 1vw;
			background-color: #000;
		}
	}
</style>